<template>
	<div :class="[[prefixCls+'-empty'],size?[prefixCls+'-empty-'+size]:'']">
		<div><slot></slot></div>
	</div>
</template>

<script>
import {prefixCls} from '../prefix'

export default {
	name:`${prefixCls}Empty`,
	props: {
		size: String
	},
	data() {
		return {
			prefixCls: prefixCls,
		}
	},
}
</script>

<style scoped>
/*无数据空结构*/
.mj-empty {text-align:center;padding:50px 0;position: relative;}
.mj-empty:before {content:"";background-image: url("");background-repeat:no-repeat;background-size:cover;width:68px;height:68px;display:inline-block;}
.mj-empty > div {margin-top: 5px;}
.mj-empty a {color:var(--link);}
.mj-empty a:hover {text-decoration:underline;}
.mj-empty-small {font-size: 12px;}
.mj-empty-small:before {width:38px;height:38px;}
.mj-empty-small > div {margin-top:0;}
.mj-empty-large {font-size: 16px;}
.mj-empty-large:before {width:88px;height:88px;}
</style>